<!-- inline styles related to this page -->
<link rel="stylesheet" type="text/css" href="../../styles/shop/msg.css" />
<link rel="stylesheet" type="text/css" href="../../styles/shop/zonghe1.css" />

<!--待定时发送-->
<link rel="stylesheet" type="text/css" href="../../styles/shop/huiyuan.css" />
<link rel="stylesheet" type="text/css" href="../../styles/shop/moban.css" />
<link rel="stylesheet" type="text/css" href="../../styles/shop/bianjiduanxin.css" />

<!-- begin  -->
<div class="dai">
	<div class="xitotongzhi">
		<span>系统通知：
		</span> 在这里您可以管理您的营销短信。您可以通过筛选搜索来选定您要进行营销的对象会员，还可以设定直接发送或定时发送
		<a href="#">不再提醒</a>
	</div>
	<div class="nav">
		<ul class="nav nav-tabs padding-18 tab-size-bigger" id="myTab">
			<li>
				<a data-toggle="tab" href="#faq-tab-1">编写短信</a>
			</li>
			<li>
				<a data-toggle="tab" href="#faq-tab-2">待定时发送</a>
			</li>
			<li class="active">
				<a data-toggle="tab" href="#faq-tab-3">已发送</a>
			</li>
			<li id="nav-imgs">
				<img src="../../images/shop/gushi.png" class="firstImg">
				<img src='../../images/shop/shezhi.png'>
			</li>
		</ul>
	</div>
	<div class="tab_di">
		<div class="goumai">
			<span>您当前账号剩余短信条数<a>888</a>条</span>
			<button>购买短信</button>
		</div>
		<div class="bian-fen">
			<span>短信编辑区</span>
			<span>已收藏短信模板</span>
		</div>
		<div class="left-bian">
			<div>
				<div>
					<span class="fa-bian">发送对象:</span>
					<div class="tags">
						<span class="tag">小王<button type="button" class="close">×</button></span>
						<span class="tag">小王<button type="button" class="close">×</button></span>
						<input type="text" name="tags" id="form-field-tags" value="Tag Input Control" placeholder="Enter tags ..." style="display: none;">
					</div>
					<a href="#" class="btn btn-app btn-primary no-radius">选择会员</a>
				</div>
				<div class="fa-bian" style="float: left;">
					短信内容 :
				</div>
				<div>
					<textarea name="content" data-provide="markdown" data-iconlibrary="fa" rows="10" class="md-input" style="resize: none;">
						请在这里输入短信内容……
					 </textarea>
				</div>
					<div class="nav-ce">
						<ul class="ce-nav">
							<li><img src="../../images/shop/baixin.png" /></li>
							<li><img src="../../images/shop/fu.png" /></li>
							<li><img src="../../images/shop/shan.png" /></li>
							<li><img src="../../images/shop/shou.png" /></li>
							<li><img src="../../images/shop/youhui.png" /></li>
						</ul>
						<div class="cont-p">
						<p style="top: 3px;">已收藏的</p>
						<p style="top: 54px;">祝福短信模板</p>
						<p style="top: 104px;">营销短信模板</p>
						<p style="top: 154px;">易掌店短信模板</p>
						<p style="top: 204px;" class="active-ce">发放优惠劵短信</p>
					</div>
				</div>
				<div style="clear: both;"></div>
				<div class="qian-bian">
					<p>
						当前还可以输入
						<a>58</a>个字 按
						<a>1</a>条计费
						<img src="../../images/shop/1w.png" style="width:6%;" class="w" />
						<span class="wntan">问题</span>
					</p>
					<p class="qian">
						短信签名：
						<input type="text" placeholder="请输入2-8个字符" />
						<img src="../../images/shop/1w.png" style="width:6%;" class="w" />
						<span class="wntan1">问题</span>
					</p>
				</div>
				<script type="text/javascript">
				</script>
			</div>
			<div style="margin-top:20px;padding-top: 10px;">
				<div style="width:100%;">
					<span class="fa-bian" style="float: left;">
						  发送时间:
					</span>
					<label style="float: left;">
						<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty" type="checkbox">
						<span class="lbl"></span>
					</label>
				</div>
				<div class="input-group" style="float: right;width:70%;">
					<input class="form-control input-mask-product" type="text" id="form-field-mask-3" placeholder="2017-01-08">
					<span><input type="text" placeholder="28"  class="bootstrap-timepicker-hour" maxlength="2" style="width: 25px;height: 20px;margin-left: 5px;margin-right: 2px;"></span>
					<span class="separator">:</span>
					<span><input type="text" placeholder="01"  class="bootstrap-timepicker-minute" maxlength="2"  style="width: 25px;height: 20px;margin-left: 2px;"></span>
					<b style="color:#CCCCCC; font-size:400;margin-left:10px;">请选择发送时间：15天内，09:00~18:00）</b>
				</div>
			</div>

			<div class="lable-bian">
				<label>
					<input name="form-field-checkbox" type="checkbox" class="ace">
					<span class="lbl">我已阅读并同意
						<a href="#">
							《短信发送条》
						</a>
					</span>
				</label>
				<button type="button" class="btn btn-white btn-primary">收藏至模板</button>
				<a href="#" class="btn btn-app btn-primary no-radius">
					发送
				</a>
			</div>
		</div>
		<div class="right-huiyuan">
			<div class="right-one">
				<span>
					会员类型
				</span>
				<select name="">
					<option value="">本店会员</option>
				</select>
				<span>
					会员类型
				</span>
				<select name="">
					<option value="">本店会员</option>
				</select>
				<span>
					会员类型
				</span>
				<select name="">
					<option value="">本店会员</option>
				</select>
			</div>
			<div class="right-two">
				<span>
					沉睡时间
				</span>
				<select name="">
					<option value="">请选择沉睡时间或输入沉睡时间</option>
				</select>
			</div>
			<table id="simple-table" class="table  table-bordered table-hover">
				<thead>
					<tr style="font-size: 16px;">
						<th class="center">
							<label class="pos-rel">
					<input type="checkbox" class="ace">
					<span class="lbl"></span>
				</label>
							<th>会员名称</th>
							<th>预留电话</th>

					</tr>
				</thead>

				<tbody>
					<tr style="font-size: 14px;">
						<td class="center">
							<label class="pos-rel">
					<input type="checkbox" class="ace">
					<span class="lbl"></span>
				</label>
						</td>

						<td>
							王小丫
						</td>
						<td>12344566787</td>

					</tr>
					<tr>
						<td class="center">
							<label class="pos-rel">
					<input type="checkbox" class="ace">
					<span class="lbl"></span>
				</label>
						</td>

						<td>
							王小丫
						</td>
						<td>12344566787</td>

					</tr>
					<tr>
						<td class="center">
							<label class="pos-rel">
					<input type="checkbox" class="ace">
					<span class="lbl"></span>
				</label>
						</td>

						<td>
							王小丫
						</td>
						<td>12344566787</td>

					</tr>
					<tr>
						<td class="center">
							<label class="pos-rel">
					<input type="checkbox" class="ace">
					<span class="lbl"></span>
				</label>
						</td>

						<td>
							王小丫
						</td>
						<td>12344566787</td>

					</tr>
					<tr>
						<td class="center">
							<label class="pos-rel">
					<input type="checkbox" class="ace">
					<span class="lbl"></span>
				</label>
						</td>

						<td>
							王小丫
						</td>
						<td>12344566787</td>

					</tr>
					<tr>
						<td class="center">
							<label class="pos-rel">
					<input type="checkbox" class="ace">
					<span class="lbl"></span>
				</label>
						</td>

						<td>
							王小丫
						</td>
						<td>12344566787</td>

					</tr>

				</tbody>
			</table>

			<div style="padding-bottom: 30px;">
				<a href="#" class="btn btn-default btn-app radius-4" id="bei">
					取消
				</a>
				<a href="#" class="btn btn-default btn-app radius-4" id="bei-blue">
					确认
				</a>
			</div>
		</div>
		<div style="clear: both;"></div>
	</div>
</div>
<!-- 到这结束 -->

<!-- inline scripts related to this page -->
<script type="text/javascript">
	jQuery(function($) {
		$('[data-rel=tooltip]').tooltip();
		$('.ce-nav li').mouseover(function() {
			var index = ($(this).index());
			$('.cont-p p').eq(index).addClass('active-ce').siblings().removeClass('active-ce');
		});
		//问号显示内容
		$(".w").on('mouseover', function() {
			$(this).next().show();
		}).on('mouseout', function() {
			$(this).next().hide();
		})
	})
</script>